﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ProductDetailManagement.aspx.cs" Inherits="TienTeTuong.ProductDetailManagement" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Admin-page | Quản lí sản phẩm</title>
    <link rel="stylesheet" href="../css/ForAdmin.css" />
    <script src="../js/jquery-1.7.1.min.js" type="text/javascript"></script>
    <script src="../js/demo.js" type="text/javascript"></script>
        <link rel="stylesheet" href="../js/jquerytablesorter/css/theme.green.css"> 
    <link rel="stylesheet" href="../js/jquerytablesorter/css/theme.blue.css"> 
	<!-- load jQuery and tablesorter scripts --> 
	<script type="text/javascript" src="../js/jquerytablesorter/js/jquery.tablesorter.min.js"></script> 
    <script type="text/javascript" src="../js/scrollupdown/scroll-startstop.events.jquery.js"></script>
	<!-- tablesorter widgets (optional) --> 
	<script type="text/javascript" src="../js/jquerytablesorter/js/jquery.tablesorter.widgets.js"></script> 
    <script language="javascript">
        $(document).ready(function () {
            $("#dataGrid").tablesorter({
                widthFixed: true,
                widgets: ["zebra", "filter"],
                theme: 'green',
                widgetOptions: {

                    // If there are child rows in the table (rows with class name from "cssChildRow" option) 
                    // and this option is true and a match is found anywhere in the child row, then it will make that row 
                    // visible; default is false 
                    filter_childRows: false,

                    // if true, a filter will be added to the top of each table column; 
                    // disabled by using -> headers: { 1: { filter: false } } OR add class="filter-false" 
                    // if you set this to false, make sure you perform a search using the second method below 
                    filter_columnFilters: true,

                    // css class applied to the table row containing the filters & the inputs within that row 
                    filter_cssFilter: 'tablesorter-filter',

                    // add custom filter functions using this option 
                    // see the filter widget custom demo for more specifics on how to use this option 
                    filter_functions: null,

                    // if true, filters are collapsed initially, but can be revealed by hovering over the grey bar immediately 
                    // below the header row. Additionally, tabbing through the document will open the filter row when an input gets focus 
                    filter_hideFilters: false,

                    // Set this option to false to make the searches case sensitive 
                    filter_ignoreCase: true,

                    // jQuery selector string of an element used to reset the filters 
                    filter_reset: 'button.reset',

                    // Delay in milliseconds before the filter widget starts searching; This option prevents searching for 
                    // every character while typing and should make searching large tables faster. 
                    filter_searchDelay: 300,

                    // Set this option to true to use the filter to find text from the start of the column 
                    // So typing in "a" will find "albert" but not "frank", both have a's; default is false 
                    filter_startsWith: false,

                    // Filter using parsed content for ALL columns 
                    // be careful on using this on date columns as the date is parsed and stored as time in seconds 
                    filter_useParsedData: false

                }
            });
        });
    </script>
</head>
<body>
    <div id="header">
              <ul id="top_navigator">
            <li><a href="ArticaleCategoryManagement.aspx">Quản lí danh mục bài viết</a>
                <ul class="subMenu">
                    <li class ="noLi"><a class ="noLi" href="addArticleCategory.aspx">Thêm danh mục bài viết</a></li>
                 </ul>
            </li>
            <li><a href="ArticaleManagement.aspx">Quản lí bài viết</a>
                 <ul class="subMenu">
                    <li class ="noLi"><a class ="noLi" href="addArticle.aspx">Thêm bài viết</a></li>
                 </ul>
            </li>
            <li><a href="CategoryManagement.aspx">Quản lý danh mục gói Sản Phẩm</a>
                 <ul class="subMenu">
                    <li class ="noLi"><a class ="noLi" href="AddCategory.aspx">Thêm danh mục gói Sản Phẩm</a></li>
                 </ul>
            </li>
            <li><a href="CategoryDetailManagement.aspx">Quản lí gói sản phẩm</a>
                <ul class="subMenu">
                    <li class ="noLi"><a class ="noLi" href="AddCategoryDetail.aspx">Thêm gói Sản Phẩm</a></li>
                 </ul>
            </li>
            <li><a href="ProductDetailManagement.aspx">Quản lí sản phẩm</a>
            </li>
            <li><a href="OrderManagement.aspx">Quản lí đơn đặt hàng</a>
            </li>
            <li><a href="SponserManagement.aspx">Quản lí nhà tài trợ</a>
                <ul class="subMenu">
                    <li class ="noLi"><a class ="noLi" href="AddSponsor.aspx">Thêm nhà tài trợ</a></li>
                 </ul>
            </li>
        </ul>
    </div>
    <div id="main">
        <div class="inside">
            <div style="width: 158px" class="floatRight">
                <ol class="CataCour">
                    <li class="curSelected"><a href="ChangePassword.aspx">Đổi mật khẩu</a></li>
                    <li><a href="Logout.aspx">Đăng xuất</a></li>
                </ol>
            </div>
            <div style="width: 70%; padding-left: 10px" class="floatLeft">
                <span class="pageTitle">Quản lí sản phẩm</span>
            </div>
            
                <form id="form1" runat="server">
                <table cellspacing ="0" id="dataGrid">
                    <thead>
                        <th width =" "20">
                        </th>
                        <th>
                            Tên sản phẩm
                        </th>
                        <th>
                            Mô tả
                        </th>
                        <th>
                            Giá cả
                        </th>
                        <th>
                            Số lượng còn
                        </th>
                        <th>
                            Đơn vị
                        </th>
                        <th>
                            
                        </th>
                        <th>
                            
                        </th>
                    </thead>
                    <tbody>
                        <%foreach (var product in lstProDetail) {%>
                        <tr rel ="<%=product.ProID %>">
                            <td>
                                <input type="checkbox" name="<%=product.ProID %>" />
                            </td>
                            <td class="editAble">
                                <%=product.Name %>
                            </td>
                            <td class="editAble">
                                <%=product.Description %>
                            </td>
                            <td class="editAble">
                                <%=product.Price %>
                            </td>
                            <td class="editAble">
                                <%=product.Quantity %>
                            </td>
                            <td class="editAble">
                                <%=product.Unit %>
                            </td>
                            <td class="">
                                <span class="btn btnEdit">Sửa</span>
                            </td>
                            <td class="">
                                <span class="btn btnDelete">Xóa</span>
                            </td>
                        </tr>
                        <%} %>
                        <tr>
                            <td>
                                *
                            </td>
                            <td class="editAble">
                                Tên sản phẩm
                            </td>
                            <td class="editAble">
                                Mô tả sản phẩm
                            </td>
                            <td class="editAble">
                                giá cả
                            </td>
                            <td class="editAble">
                                Số lượng
                            </td>
                            <td class="editAble">
                                Đơn vị
                            </td>
                            <td class="">
                                <span class="btn btnAdd">Thêm</span>
                            </td>
                            <td class="">
                                <span class="btn btnCancelAdd">Hủy</span>
                            </td>
                        </tr>
                    </tbody>
                </table>
                </form>
            </div>
    </div>
    <div id="foot">
    </div>
</body>
</html>
